/**
 * 歌词易(lyricspinyin.net) - 主JavaScript文件
 */

$(document).ready(function() {
    // 初始化组件
    initComponents();
    
    // 绑定事件
    bindEvents();
    
    // 页面特定功能
    initPageSpecificFeatures();

    bindGlobalLanguageToggle();
});

/**
 * 初始化通用组件
 */
function initComponents() {
    // 导航栏滚动效果
    $(window).scroll(function() {
        if ($(this).scrollTop() > 50) {
            $('.navbar').addClass('scrolled');
        } else {
            $('.navbar').removeClass('scrolled');
        }
    });
    
    // 移动端菜单
    $('#mobile-menu-button').click(function() {
        var $menu = $('#mobile-menu');
        var $icon = $(this).find('i');
        
        // 切换菜单显示状态
        $menu.toggleClass('hidden');
        
        // 切换图标
        if ($menu.hasClass('hidden')) {
            $icon.removeClass('fa-times').addClass('fa-bars');
        } else {
            $icon.removeClass('fa-bars').addClass('fa-times');
        }
    });
    
    // 点击移动菜单外部关闭菜单
    $(document).click(function(e) {
        var $menu = $('#mobile-menu');
        var $button = $('#mobile-menu-button');
        
        if (!$menu.hasClass('hidden') && 
            !$menu.is(e.target) && 
            $menu.has(e.target).length === 0 && 
            !$button.is(e.target) && 
            $button.has(e.target).length === 0) {
            
            $menu.addClass('hidden');
            $button.find('i').removeClass('fa-times').addClass('fa-bars');
        }
    });
    
    // FAQ切换
    $('.faq-question').click(function() {
        $(this).next('.faq-answer').slideToggle();
        $(this).find('i').toggleClass('fa-chevron-down fa-chevron-up');
    });
}

/**
 * 绑定通用事件
 */
function bindEvents() {
    // 点赞功能
    bindLikeEvents();
    
    // 分享功能
    bindShareEvents();
}

/**
 * 绑定点赞相关事件（全局，支持详情页和首页）
 */
function bindLikeEvents() {
    // 使用事件委托，支持动态添加的元素
    $(document).on('click', '.like-btn', function() {
        var $button = $(this);
        var $container = $button.closest('.like-container');
        var lyricId = $container.data('id');
        
        if (!lyricId) {
            console.error('歌词ID未找到');
            return;
        }
        
        // 防止重复点击
        if ($button.prop('disabled')) {
            return;
        }
        
        $button.prop('disabled', true);
        
        $.ajax({
            url: window.current_lang_url + 'api/like',
            type: 'POST',
            data: { 
                id: lyricId,
                type: 'lyric'
            },
            dataType: 'json',
            success: function(response) {
                if (response.code === 200) {
                    // 更新点赞数
                    var $likeCount = $button.find('.like-count');
                    $likeCount.text(response.data.likes);
                    
                    // 更新点赞状态
                    var $heartIcon = $button.find('i');
                    if (response.data.user_liked) {
                        $heartIcon.removeClass('far').addClass('fas');
                        $button.addClass('text-red-500');
                        
                        // 点赞动画效果
                        $button.addClass('animate-pulse');
                        setTimeout(function() {
                            $button.removeClass('animate-pulse');
                        }, 600);
                        
                        // 显示成功提示
                        if (typeof showMessage === 'function') {
                            showMessage('👍 点赞成功！', 'success');
                        }
                    } else {
                        $heartIcon.removeClass('fas').addClass('far');
                        $button.removeClass('text-red-500');
                        
                        // 显示取消提示
                        if (typeof showMessage === 'function') {
                            showMessage('💔 已取消点赞', 'info');
                        }
                    }
                } else {
                    console.error('点赞失败:', response.message || '未知错误');
                    if (typeof showMessage === 'function') {
                        showMessage(response.message || '点赞失败，请稍后重试', 'error');
                    }
                }
            },
            error: function(xhr, status, error) {
                console.error('点赞请求失败:', error);
                if (typeof showMessage === 'function') {
                    showMessage('网络错误，请稍后重试', 'error');
                }
            },
            complete: function() {
                // 恢复按钮状态
                setTimeout(function() {
                    $button.prop('disabled', false);
                }, 500);
            }
        });
    });
}

/**
 * 绑定分享相关事件
 */
function bindShareEvents() {
    // 分享按钮
    $('#share-button').click(function() {
        $('#share-modal').removeClass('hidden');
    });
    
    // 关闭分享弹窗
    $('#close-share-modal').click(function() {
        $('#share-modal').addClass('hidden');
    });
    
    // 点击背景关闭弹窗
    $('#share-modal').click(function(e) {
        if (e.target === this) {
            $(this).addClass('hidden');
        }
    });
    
    // 复制链接
    $('#copy-link').click(function() {
        var $shareUrl = $('#share-url');
        $shareUrl.select();
        document.execCommand('copy');
        
        // 显示复制成功提示
        var $button = $(this);
        var originalText = $button.html();
        $button.html('<i class="fas fa-check"></i>');
        
        setTimeout(function() {
            $button.html(originalText);
        }, 2000);
    });
}

/**
 * 初始化页面特定功能
 */
function initPageSpecificFeatures() {
    // 添加动画效果
    addAnimationEffects();
    
    // 绑定全局下载和打印功能
    bindGlobalDownloadPrint();
}

/**
 * 添加动画效果
 */
function addAnimationEffects() {
    // 添加渐入动画
    $('.fade-in').each(function(i) {
        var $item = $(this);
        setTimeout(function() {
            $item.removeClass('opacity-0').addClass('animate__animated animate__fadeIn');
        }, i * 100);
    });
}

/**
 * 绑定全局下载和打印功能
 */
function bindGlobalDownloadPrint() {
    // 绑定下载按钮事件（使用事件委托，支持动态添加的元素）
    $(document).on('click', '.download-btn', function() {
        downloadLyrics();
    });
    
    // 绑定打印按钮事件（使用事件委托，支持动态添加的元素）
    $(document).on('click', '.print-btn', function() {
        printLyrics();
    });
}

/**
 * 全局下载歌词功能（适配详情页和首页搜索结果）
 */
function downloadLyrics() {
    // 获取语言包配置
    var langs = window.JS_LANGS || {};
    var messages = langs.messages || {};
    
    // 获取当前语言模式
    var currentMode = getCurrentLanguageMode();
    
    // 获取歌词内容容器
    var $lyricsContainer = $('.lyrics-content').first();
    if ($lyricsContainer.length === 0) {
        $lyricsContainer = $('#results-container .lyrics-content').first();
    }
    
    if ($lyricsContainer.length === 0) {
        if (typeof showMessage === 'function') {
            showMessage('未找到歌词内容', 'error');
        }
        return;
    }
    
    // 获取歌词ID（优先从详情页获取）
    var lyricId = getLyricId();
    
    // 获取歌词内容
    var content = getLyricsContent($lyricsContainer, currentMode);
    
    if (!content || content.trim() === '') {
        if (typeof showMessage === 'function') {
            showMessage('歌词内容为空', 'error');
        }
        return;
    }
    
    // 获取歌曲信息
    var songTitle = getSongTitle();
    var artist = getArtist();
    
    // 构建下载内容
    var downloadContent = buildDownloadContent(songTitle, artist, content, currentMode);
    
    // 创建下载文件
    var blob = new Blob([downloadContent], { type: 'text/plain;charset=utf-8' });
    var url = URL.createObjectURL(blob);
    
    // 创建下载链接
    var a = document.createElement('a');
    a.href = url;
    a.download = (songTitle || '歌词') + '_' + getModeDescription(currentMode) + '.txt';
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
    URL.revokeObjectURL(url);
    
    // 更新下载统计
    if (lyricId) {
        updateDownloadStats(lyricId);
    }
    
    // 显示成功提示
    if (typeof showMessage === 'function') {
        showMessage('📥 歌词下载成功！', 'success');
    }
}

/**
 * 全局打印歌词功能（适配详情页和首页搜索结果）
 */
function printLyrics() {
    // 获取语言包配置
    var langs = window.JS_LANGS || {};
    var messages = langs.messages || {};
    
    // 获取当前语言模式
    var currentMode = getCurrentLanguageMode();
    
    // 获取歌词内容容器
    var $lyricsContainer = $('.lyrics-content').first();
    if ($lyricsContainer.length === 0) {
        $lyricsContainer = $('#results-container .lyrics-content').first();
    }
    
    if ($lyricsContainer.length === 0) {
        if (typeof showMessage === 'function') {
            showMessage('未找到歌词内容', 'error');
        }
        return;
    }
    
    // 获取歌词ID（优先从详情页获取）
    var lyricId = getLyricId();
    
    // 获取歌词内容
    var content = getLyricsContent($lyricsContainer, currentMode);
    
    if (!content || content.trim() === '') {
        if (typeof showMessage === 'function') {
            showMessage('歌词内容为空', 'error');
        }
        return;
    }
    
    // 获取歌曲信息
    var songTitle = getSongTitle();
    var artist = getArtist();
    
    // 构建打印内容
    var printContent = buildPrintContent(songTitle, artist, content, currentMode);
    
    // 创建打印窗口
    var printWindow = window.open('', '_blank', 'width=800,height=600');
    printWindow.document.write(printContent);
    printWindow.document.close();
    
    // 等待内容加载完成后打印
    printWindow.onload = function() {
        printWindow.print();
        // 打印完成后关闭窗口
        setTimeout(function() {
            printWindow.close();
        }, 1000);
    };
    
    // 更新打印统计
    if (lyricId) {
        updatePrintStats(lyricId);
    }
    
    // 显示成功提示
    if (typeof showMessage === 'function') {
        showMessage('🖨️ 正在准备打印...', 'success');
    }
}

/**
 * 获取歌词ID（支持详情页和搜索结果页）
 */
function getLyricId() {
    // 优先从详情页的点赞容器获取
    var $likeContainer = $('.like-container').first();
    if ($likeContainer.length > 0) {
        return $likeContainer.data('id');
    }
    
    // 从搜索结果页获取
    var $activeResult = $('.search-result.active').first();
    if ($activeResult.length > 0) {
        return $activeResult.data('id');
    }
    
    // 从URL中解析（作为最后的备选方案）
    var pathArray = window.location.pathname.split('/');
    var lyricsIndex = pathArray.indexOf('lyrics');
    if (lyricsIndex !== -1 && lyricsIndex + 1 < pathArray.length) {
        // 这里需要通过title_uri查找ID，但由于我们要统计，所以建议在页面中直接提供ID
        return null;
    }
    
    return null;
}

/**
 * 更新下载统计
 */
function updateDownloadStats(lyricId) {
    if (!lyricId) {
        return;
    }
    
    $.ajax({
        url: window.current_lang_url + 'api/updateDownloads',
        type: 'POST',
        data: { 
            id: lyricId,
            type: 'lyric'
        },
        dataType: 'json',
        success: function(response) {
            console.log('下载统计更新成功:', response.data);
        },
        error: function(xhr, status, error) {
            console.warn('下载统计更新失败:', error);
        }
    });
}

/**
 * 更新打印统计
 */
function updatePrintStats(lyricId) {
    if (!lyricId) {
        return;
    }
    
    $.ajax({
        url: window.current_lang_url + 'api/updatePrints',
        type: 'POST',
        data: { 
            id: lyricId,
            type: 'lyric'
        },
        dataType: 'json',
        success: function(response) {
            console.log('打印统计更新成功:', response.data);
        },
        error: function(xhr, status, error) {
            console.warn('打印统计更新失败:', error);
        }
    });
}

/**
 * 获取当前模式的描述文本
 * @param {string} mode 当前模式
 * @returns {string} 模式描述
 */
function getModeDescription(mode) {
    switch(mode) {
        case 'pinyin':
            return '仅显示拼音注音';
        case 'chinese':
            return '仅显示中文歌词';
        case 'both':
        default:
            return '中文歌词配拼音注音';
    }
}

/**
 * 提取歌词内容的通用函数
 * @param {jQuery} $container 歌词容器元素
 * @param {string} mode 显示模式：'both'(双语), 'pinyin'(仅拼音), 'chinese'(仅中文)
 * @returns {string} 格式化的歌词文本
 */
function getLyricsContent($container, mode) {
    if (!$container || $container.length === 0) {
        return '';
    }
    
    // 如果没有指定模式，从按钮状态获取当前模式
    if (!mode) {
        mode = getCurrentLanguageMode();
    }
    
    var content = '';
    var $lyricsLines = $container.find('.lyrics-line');
    
    if ($lyricsLines.length > 0) {
        // 新的双语结构：根据模式遍历每一行歌词
        $lyricsLines.each(function() {
            var $line = $(this);
            var originalText = $line.find('.original-text').text().trim();
            var pinyinText = $line.find('.pinyin-text').text().trim();
            
            // 根据显示模式添加相应内容
            switch(mode) {
                case 'pinyin':
                    // 仅拼音模式
                    if (pinyinText) {
                        content += pinyinText + '\r\n\r\n';
                    }
                    break;
                case 'chinese':
                    // 仅中文模式
                    if (originalText) {
                        content += originalText + '\r\n\r\n';
                    }
                    break;
                case 'both':
                default:
                    // 双语模式（默认）
                    if (originalText || pinyinText) {
                        if (originalText) {
                            content += originalText + '\r\n';
                        }
                        if (pinyinText) {
                            content += pinyinText + '\r\n';
                        }
                        content += '\r\n'; // 每行歌词后添加空行
                    }
                    break;
            }
        });
    } else {
        // 备用方案：尝试获取整个容器的文本内容
        var htmlContent = $container.html();
        if (htmlContent) {
            // 将<br>标签替换为Windows换行符
            content = htmlContent
                .replace(/<br\s*\/?>/gi, '\r\n')
                .replace(/<\/p>/gi, '\r\n')
                .replace(/<p[^>]*>/gi, '')
                .replace(/<\/div>/gi, '\r\n')
                .replace(/<div[^>]*>/gi, '')
                .replace(/<[^>]*>/g, '')  // 移除其他HTML标签
                .replace(/&nbsp;/g, ' ')  // 替换空格实体
                .replace(/&lt;/g, '<')   // 替换小于号实体
                .replace(/&gt;/g, '>')   // 替换大于号实体
                .replace(/&amp;/g, '&')  // 替换&实体
                .replace(/\r?\n\s*\r?\n/g, '\r\n\r\n')  // 合并多个空行，使用Windows格式
                .trim();
        }
        
        // 如果HTML处理失败，回退到text()方法
        if (!content) {
            content = $container.text().trim();
            // 确保换行符是Windows格式
            content = content.replace(/\r?\n/g, '\r\n');
        }
    }
    
    return content;
}

/**
 * 获取当前语言显示模式
 * @returns {string} 当前模式：'both', 'pinyin', 'chinese'
 */
function getCurrentLanguageMode() {
    // 查找所有语言切换按钮
    var $detailButton = $('#language-toggle');
    var $indexButtons = $('.language-toggle-btn');
    var $allButtons = $detailButton.add($indexButtons);
    
    // 获取当前模式
    var currentMode = 'both'; // 默认双语模式
    $allButtons.each(function() {
        var mode = $(this).data('mode');
        if (mode) {
            currentMode = mode;
            return false; // 找到就退出循环
        }
    });
    
    return currentMode;
}

/**
 * 显示消息提示（全局统一的消息系统）
 */
function showMessage(message, type) {
    type = type || 'info';
    
    // 移除已存在的消息
    $('.message-toast').remove();
    
    // 创建消息元素
    var iconClass = '';
    var bgClass = '';
    
    switch(type) {
        case 'success':
            iconClass = 'fas fa-check-circle';
            bgClass = 'bg-green-500';
            break;
        case 'error':
            iconClass = 'fas fa-exclamation-circle';
            bgClass = 'bg-red-500';
            break;
        case 'warning':
            iconClass = 'fas fa-exclamation-triangle';
            bgClass = 'bg-yellow-500';
            break;
        default:
            iconClass = 'fas fa-info-circle';
            bgClass = 'bg-blue-500';
    }
    
    var $toast = $(`
        <div class="message-toast fixed top-4 right-4 ${bgClass} text-white px-6 py-3 rounded-lg shadow-lg z-50 flex items-center space-x-3 transform translate-x-full transition-transform duration-300">
            <i class="${iconClass}"></i>
            <span>${message}</span>
        </div>
    `);
    
    $('body').append($toast);
    
    // 显示动画
    setTimeout(function() {
        $toast.removeClass('translate-x-full');
    }, 100);
    
    // 自动隐藏
    setTimeout(function() {
        $toast.addClass('translate-x-full');
        setTimeout(function() {
            $toast.remove();
        }, 300);
    }, 3000);
}

// 将showMessage设置为全局函数
window.showMessage = showMessage; 
/**
 * 绑定全局语言切换功能
 */
function bindGlobalLanguageToggle() {
    // 绑定详情页语言切换按钮事件
    $(document).on('click', '#language-toggle', function() {
        toggleLanguageDisplay();
    });
    
    // 绑定首页搜索结果语言切换按钮事件（使用事件委托，支持动态添加的元素）
    $(document).on('click', '.language-toggle-btn', function() {
        toggleLanguageDisplay();
    });
}

/**
 * 全局语言切换功能（适配详情页和首页搜索结果）
 */
function toggleLanguageDisplay() {
    // 查找所有语言切换按钮（包括详情页和首页的）
    var $detailButton = $('#language-toggle');
    var $indexButtons = $('.language-toggle-btn');
    var $allButtons = $detailButton.add($indexButtons);
    
    // 获取当前模式（优先从有数据的按钮获取）
    var currentMode = 'both';
    $allButtons.each(function() {
        var mode = $(this).data('mode');
        if (mode) {
            currentMode = mode;
            return false; // 找到就退出循环
        }
    });
    
    var newMode, newText, newIcon, switchMessage;
    
    // 获取语言文本
    var langs = window.JS_LANGS || {
        'lang_toggle_both': '双语',
        'lang_toggle_pinyin': '拼音',
        'lang_toggle_chinese': '中文',
        'lang_toggle_switched_to_both': '已切换到双语模式',
        'lang_toggle_switched_to_pinyin': '已切换到拼音模式',
        'lang_toggle_switched_to_chinese': '已切换到中文模式'
    };
    
    // 根据当前模式切换到下一个模式
    switch(currentMode) {
        case 'both':
            newMode = 'pinyin';
            newText = langs.lang_toggle_pinyin;
            newIcon = 'fas fa-font';
            switchMessage = langs.lang_toggle_switched_to_pinyin;
            // 隐藏中文，显示拼音
            $('.original-text').hide();
            $('.pinyin-text').show();
            break;
        case 'pinyin':
            newMode = 'chinese';
            newText = langs.lang_toggle_chinese;
            newIcon = 'fas fa-language';
            switchMessage = langs.lang_toggle_switched_to_chinese;
            // 隐藏拼音，显示中文
            $('.pinyin-text').hide();
            $('.original-text').show();
            break;
        case 'chinese':
            newMode = 'both';
            newText = langs.lang_toggle_both;
            newIcon = 'fas fa-language';
            switchMessage = langs.lang_toggle_switched_to_both;
            // 显示所有
            $('.original-text').show();
            $('.pinyin-text').show();
            break;
        default:
            newMode = 'both';
            newText = langs.lang_toggle_both;
            newIcon = 'fas fa-language';
            switchMessage = langs.lang_toggle_switched_to_both;
            $('.original-text').show();
            $('.pinyin-text').show();
    }
    
    // 更新所有语言切换按钮的状态
    $allButtons.each(function() {
        var $btn = $(this);
        $btn.data('mode', newMode);
        
        // 处理不同类型的按钮结构
        if ($btn.hasClass('language-toggle-btn')) {
            // 首页搜索结果按钮
            $btn.find('.toggle-text').text(newText);
            $btn.find('i').removeClass().addClass(newIcon);
        } else {
            // 详情页按钮（如果有不同的结构）
            $btn.find('.toggle-text').text(newText);
            $btn.find('i').removeClass().addClass(newIcon);
        }
    });
    
    // 添加切换动画效果
    $('.lyrics-line').addClass('animate-pulse');
    setTimeout(function() {
        $('.lyrics-line').removeClass('animate-pulse');
    }, 300);
    
    // 显示切换提示
    showMessage(switchMessage, 'success');
    
    // 根据模式调整样式
    switch(newMode) {
        case 'pinyin':
            $('.pinyin-text').removeClass('text-xl').addClass('text-2xl');
            $('.lyrics-line').addClass('text-center');
            break;
        case 'chinese':
            $('.original-text').removeClass('text-sm').addClass('text-lg');
            $('.lyrics-line').addClass('text-center');
            break;
        case 'both':
            $('.pinyin-text').removeClass('text-2xl').addClass('text-xl');
            $('.original-text').removeClass('text-lg').addClass('text-sm');
            $('.lyrics-line').removeClass('text-center');
            break;
    }
}

/**
 * 获取歌曲标题（支持详情页和搜索结果页）
 */
function getSongTitle() {
    // 优先从详情页获取
    var $titleElement = $('h1').first();
    if ($titleElement.length > 0) {
        var titleText = $titleElement.text().trim();
        // 提取括号内的中文标题
        var match = titleText.match(/\(([^)]+)\)$/);
        if (match && match[1]) {
            return match[1];
        } else {
            return titleText.split(' ')[0]; // 取第一部分作为标题
        }
    }
    
    // 从搜索结果页获取
    var $lyricDetail = $('.lyric-detail');
    if ($lyricDetail.length > 0) {
        return $lyricDetail.find('h1').first().text().trim();
    }
    
    return '未知歌曲';
}

/**
 * 获取艺术家信息（支持详情页和搜索结果页）
 */
function getArtist() {
    // 优先从详情页获取
    var $artistElement = $('h1').first().next('p');
    if ($artistElement.length > 0) {
        var artistText = $artistElement.text().trim();
        // 提取括号内的中文艺术家名
        var match = artistText.match(/\(([^)]+)\)$/);
        if (match && match[1]) {
            return match[1];
        } else {
            return artistText.split(' ')[0]; // 取第一部分作为艺术家
        }
    }
    
    // 从搜索结果页获取
    var $lyricDetail = $('.lyric-detail');
    if ($lyricDetail.length > 0) {
        var $artistElement = $lyricDetail.find('p').filter(function() {
            return $(this).find('i.fa-microphone').length > 0;
        });
        
        if ($artistElement.length > 0) {
            // 移除图标元素后获取纯文本
            var artistText = $artistElement.clone();
            artistText.find('i').remove(); // 移除图标
            return artistText.text().trim();
        }
    }
    
    return '未知艺术家';
}

/**
 * 构建下载内容
 */
function buildDownloadContent(songTitle, artist, content, currentMode) {
    // 确保content中的所有换行符都是Windows格式
    content = content.replace(/\r?\n/g, '\r\n');
    
    // 添加文件头部信息，包含模式说明
    var fileHeader = songTitle + '\r\n' + 
                    '演唱：' + artist + '\r\n' + 
                    '模式：' + getModeDescription(currentMode) + '\r\n' + 
                    '来源：歌词易 (lyricspinyin.net)\r\n' + 
                    '导出时间：' + new Date().toLocaleString() + '\r\n\r\n';
    
    // 创建下载内容，确保换行格式正确（Windows格式）
    return fileHeader + content;
}

/**
 * 构建打印内容
 */
function buildPrintContent(songTitle, artist, content, currentMode) {
    // 获取语言包配置
    var langs = window.JS_LANGS || {};
    
    // 根据当前模式生成标题后缀
    var modeText = '';
    switch(currentMode) {
        case 'pinyin':
            modeText = ' - ' + (langs.lang_toggle_pinyin || '拼音');
            break;
        case 'chinese':
            modeText = ' - ' + (langs.lang_toggle_chinese || '中文');
            break;
        case 'both':
        default:
            modeText = ' - ' + (langs.lang_toggle_both || '双语');
            break;
    }
    
    return `
        <!DOCTYPE html>
        <html>
        <head>
            <title>${songTitle} - ${artist}${modeText}</title>
            <meta charset="utf-8">
            <style>
                body { 
                    font-family: "Microsoft YaHei", Arial, sans-serif; 
                    line-height: 1.8; 
                    max-width: 800px; 
                    margin: 0 auto; 
                    padding: 30px;
                    color: #333;
                }
                h1 { 
                    color: #333; 
                    border-bottom: 3px solid #8B5CF6; 
                    padding-bottom: 15px;
                    margin-bottom: 10px;
                    font-size: 28px;
                }
                h2 { 
                    color: #666; 
                    margin-top: 0;
                    margin-bottom: 30px;
                    font-size: 18px;
                    font-weight: normal;
                }
                .mode-info {
                    background: #f3f4f6;
                    padding: 10px 15px;
                    border-radius: 8px;
                    margin-bottom: 20px;
                    font-size: 14px;
                    color: #666;
                    border-left: 4px solid #8B5CF6;
                }
                .lyrics { 
                    white-space: pre-line; 
                    background: #f8f9fa; 
                    padding: 25px; 
                    border-radius: 10px;
                    margin-top: 20px;
                    border-left: 4px solid #8B5CF6;
                    font-size: 16px;
                    line-height: 2;
                }
                .footer {
                    margin-top: 40px;
                    text-align: center;
                    color: #999;
                    font-size: 12px;
                    border-top: 1px solid #eee;
                    padding-top: 20px;
                }
                @media print {
                    body { 
                        margin: 0; 
                        padding: 20px; 
                    }
                    .footer {
                        page-break-inside: avoid;
                    }
                }
            </style>
        </head>
        <body>
            <h1>${songTitle}</h1>
            <h2>演唱：${artist}</h2>
            <div class="mode-info">
                📋 打印模式：${modeText.substring(3)} | 显示内容：${getModeDescription(currentMode)}
            </div>
            <div class="lyrics">${content}</div>
            <div class="footer">
                来源：歌词易 (lyricspinyin.net) - 打印时间：${new Date().toLocaleString()}
            </div>
        </body>
        </html>
    `;
} 
